.flex-grow-0() {
  min-width: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

// 弹性布局 占剩余位置
.flex-grow-1() {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.gray-scroll-bar() {
  &::-webkit-scrollbar {
    width: 4px;
    /*对垂直流动条有效*/
    height: 4px;
    /*对水平流动条有效*/
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #dcdcdc;
    border-radius: 2px;
  }

  &::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}


.opacity-scroll-bar () {
  &::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 3px;
  }

  &::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}